<template>
    <div class="one">
   <section>
   <p @click="back">⬅</p>
    <div class="wow">
       <b>设置</b>
    </div>
    </section>
    <van-cell title="应用名称" value="慕影网"  class="scream"/>
     <van-cell title="城市"  value="冰糖雪梨" class="scream"/>
     <van-cell title="版本"  value="0.1 alpha" class="scream"/>
    
   </div> 
</template>
<script>
export default{
   methods:{
       back(){
           this.$router.back();
       }
   }
}
</script>
<style lang="scss" scoped>
.one{
   height:100%;
   width:100%;
   position:relative;
}
section{
   width:100%;
   height:80px;
   background-color: red;
   display:flex;
 
   p{
       width:50px;
       height:30px;
       color:white;
       line-height: 80px;
       margin-left: 10px;
   }
   .wow{
       width:150px;
       height:30px;
       border-left:1px solid white;
       text-align: center;
       margin-top: 25px;
       b{
       color:white;
   }
   }
  
}
.scream{
    width:98%;
    height:50px;
    margin-top: 20px;
    font-size: 20px;
}

</style>